<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>监护仪</title>
    <link rel="stylesheet" href="../static/css/chart1.css">
    <link rel="stylesheet" href="/webjars/bootstrap/3.3.5/css/bootstrap.min.css">


    <script src="webjars/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="webjars/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://code.highcharts.com/highcharts.js"></script>
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-6 box1" >
            <div class="col-sm-7 box2" >
                <div style="width:10%;height:10%;color: white">Signal1</div>
                <div id="container" style="width:100%;height:50%"></div>
            </div>
            <div class="col-sm-5">
                <div class="row">
                    <div class="col-sm-2">
                        <h4 style="color:#33ff33">
                            HR
                        </h4>
                        <h5 style="color:#33ff33">
                            120
                            <br>
                            <br>
                            50
                        </h5>
                    </div>
                    <div class="col-sm-4">
                        <p style="margin-top: 20%">
                            <font size="15" color="#33ff33">81</font>
                        </p>
                    </div>
                    <div class="col-sm-3" style="color:#33ff33">
                        <h4 style="text-align: left">
                            %SpO2
                            <br>
                            PVC
                            <br>
                            STindx
                        </h4>

                    </div>
                    <div class="col-sm-3" style="color:#33ff33">
                        <h4 style="text-align: right">
                            99
                            <br>
                            0
                            <br>
                            7.5
                        </h4>

                    </div>
                </div>
                <div class="row">
                    <h3 style="color: darkred">NBP&nbsp;&nbsp;111/85(&nbsp;91)</h3>
                </div>
                <div class="row">
                    <div class="col-sm-4" style="color: darkred">
                        <h4>PAUSE</h4>
                    </div>
                    <div class="col-sm-2" style="color: darkred">
                        <h4>80</h4>
                    </div>
                    <div class="col-sm-4" style="color: darkred">
                        <h4>RESP</h4>
                    </div>
                    <div class="col-sm-2" style="color: darkred">
                        <h4>20</h4>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 box1"></div>
    </div>
    <div class="row">
        <div class="col-sm-6 box1"></div>
        <div class="col-sm-6 box1"></div>
    </div>
    <div class="row">
        <div class="col-sm-6 box1"></div>
        <div class="col-sm-6 box1"></div>
    </div>
    <div class="row">
        <div class="col-sm-2">
            <button id="btnConnect" type="submit" class="myButton">连接</button>
        </div>
        <div class="col-sm-2">
            <button id="btnDisConnect" type="submit" class="myButton" >断开</button>
        </div>
        <div class="col-sm-2">
<!--            <button id="send" class=" myButton" type="submit">Send</button>-->
        </div>
    </div>
</div>
<script src="../static/js/HighChartsConfig.js"></script>
</body>

</html>